<div data-page="<{$pageName}>" class="page">
    <style type="text/css">
    .courselist {
        width: 16%;
        float: left;
    }
    
    .courselist a {
        display: block;
        height: 30px;
        line-height: 30px;
        padding-left: 10px
    }
    
    .courselist .cur {
        background-color: #4ba733;
        color: #fff;
    }
    
    .courseInfo {
        float: left;
        width: 80%;
        margin-left: 4%;
        margin-top: -10px
    }
    
    .courseInfo h1 {
        font-size: 2.1em;
    }
    
    .courseInfo h2 {
        font-size: 1.5em;
    }
    
    .courseInfo .tiy a {
        display: inline-block;
        color: #FFF;
        background-color: #4ba733;
        padding: 5px;
    }
    
    .courseInfo p {
        line-height: 30px;
        margin-top: 10px;
    }
    
    .courseInfo .sortlist h1 {
        font-size: 18px;
    }
    
    table.dataintable {
        margin-top: 10px;
        border-collapse: collapse;
        border: 1px solid #aaa;
        width: 100%;
    }
    
    .courseInfo ul li {
        margin-top: 5px;
    }
    
    div#example dl,
    div.example dl,
    div#moreexamples dl,
    div#toc dl,
    div#referencelist dl {
        margin: 10px 0 0 0;
    }
    
    div#example dt,
    div.example dt,
    div#moreexamples dt,
    div#toc dt,
    div#referencelist dt {
        margin: 15px 0 5px 0;
    }
    
    div#example dd,
    div.example dd,
    div#moreexamples dd,
    div#toc dd,
    div#referencelist dd {
        margin: 0;
    }
    
    table.dataintable th {
        vertical-align: baseline;
        padding: 5px 15px 5px 6px;
        background-color: #d5d5d5;
        border: 1px solid #aaa;
        text-align: left;
    }
    
    table.dataintable td {
        vertical-align: text-top;
        padding: 6px 15px 6px 6px;
        background-color: #efefef;
        border: 1px solid #aaa;
    }
    
    table.dataintable pre {
        width: auto;
        margin: 0;
        padding: 0;
        border: 0;
        background-color: transparent;
    }
    
    table.dataintable p {
        margin: 0 0 2px 0;
    }
    
    div#maincontent table.dataintable ul,
    div#maincontent table.dataintable li {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    
    table.dataintable td em {
        color: #0000ff;
        font-weight: normal;
    }
    
    table.dataintable .table_value {
        color: #0F93D2;
    }
    
    .no_wrap {
        white-space: nowrap;
    }
    
    div#maincontent table.dataintable ul.listintable {
        margin: 20px;
        padding: 0;
    }
    
    div#maincontent table.dataintable ul.listintable li {
        list-style-type: disc;
    }
    
    table.dataintable td.html5_new {
        background: #EFEFEF url(/i/table_bg_html5.gif) top right no-repeat;
    }
    
    .Wap .courseInfo,
    .Wap .courselist {
        float: none;
        width: 100%;
        margin: 0px;
    }
    
    .Wap .courselist {
        display: none;
    }
       .courselist .imp li{ color: red }
       .courselist .cur li{ color: #fff }
    </style>

    <div class="page-content">
        <div class="container">
       
        
            <ul class="gntabs" style="padding-top:10px">
                <volist name="cateList" id="vo">
                    <li   <if condition="$vo['cate_id'] eq $cate_id">class="active"</if>>
                        <a href="<{:U('doc_list',array('group_id'=>$group_id,'cate_id'=>$vo['cate_id']))}>">
                            <{$vo[ 'cate_name']}>
                        </a>
                    </li>
                </volist>
            </ul>
         
            <ul class="courselist">
                <volist name="list" id="vo">
                    <a  class="<if condition="$vo['is_best'] eq 1">imp</if> <if condition="$vo['id'] eq $id">cur</if>"   href="<{:U('doc_list',array('group_id'=>$group_id,'cate_id'=>$cate_id,'id'=>$vo['id']))}>"><li><{$vo['title']}></li></a>
                </volist>
            </ul>
            <div class="courseInfo">
                <div class="mgt20 topic_content">
                    <{$data[ 'content']}>
                </div>
                <{:Widget( 'BoxSns/Topic/commentList/tpl/EduGroupTopicComment',array( 'topic_id'=>$id,'type'=>'eduGroup','pid'=>$id,'orderBy'=>'id desc'))}>
            </div>
            
       </div>

         
    </div>
</div>
